<template>
  <div class="app-container" v-loading="loading">
    <el-form ref="form" :model="form" label-width="120px">
      <el-form-item label="固定消息">
        <span slot="label">
          <el-tooltip content="模板中按照规定回答的信息，通过该信息判断通知指定用户" placement="top">
          <i class="el-icon-question"></i>
          </el-tooltip>
          固定消息
        </span>
        <el-input v-model="form.fixedMessage"></el-input>
      </el-form-item>
      <el-form-item label="通知用户名">
        <span slot="label">
          <el-tooltip content="请在微信用户列表获取用户名" placement="top">
          <i class="el-icon-question"></i>
          </el-tooltip>
          通知用户名
        </span>
        <el-input placeholder="请在微信用户列表获取用户名" v-model="form.username"></el-input>
      </el-form-item>
      <el-form-item label="模板" prop="name">
        <span slot="label">
          <el-tooltip content="给大模型的提示词，其中“内容：{context}”不要更改，否则会出问题" placement="top">
          <i class="el-icon-question"></i>
          </el-tooltip>
          提示词模板
        </span>
        <el-input v-model="form.template" placeholder="请输入提示模板" :rows="10" type="textarea" />
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" size="mini" :loading="loading" @click="submitForm">确 定</el-button>
    </div>
  </div>
</template>
<script>
import { getInitConfigData, setInitConfigData } from '@/api/ai/config'
export default {
  name: 'init_config_form',
  data(){
    return {
      form:{
        fixedMessage:'',
        username: '',
        template:''
      },
      defaultFixedMessage:'不知道|不知道。',
      defaultTemplate:`请根据内容和我的问题回答,如果你不懂，就回答"不知道"三个字就行，不要自己添加词语和标点。如果内容是空的，你就按照我的问题回答就行。
内容：{context}`,
      loading:false
    }
  },
  created(){
    this.getData()
  },
  methods:{
    submitForm(){
      this.loading = true
      setInitConfigData(this.form).then(response=>{
        this.$modal.msgSuccess("操作成功");
        this.loading=false
      })
    },
    getData(){
      this.loading = true
      getInitConfigData().then(response=>{
        if(!response.data){
          this.form = {
            fixedMessage: this.defaultFixedMessage,
            username: '',
            template: this.defaultTemplate
          }
        }else{
          this.form = response.data
        }
        this.loading=false
      })
    }
  }
}
</script>

<style>
.el-input{
  width:50%;
}
</style>
